window.onload = () => {
  // 切换按钮
  const toggleButton = document.querySelector('button.toggle');
  // html根元素
  const htmlElement = document.getElementsByTagName('html')[0];
  // 图标容器
  const iconContainer = document.getElementsByClassName('icon-container')[0];

  // 绑定切换按钮点击事件
  toggleButton.addEventListener('click', () => {
    // 获取当前旋转角度
    const rotate = Number(iconContainer.style.transform.split('rotate(')[1].split('deg)')[0]);

    // 判断当前是否为夜间模式
    if (htmlElement.classList.value.includes('dark')) {
      // 如果为夜间模式，则切换为白天模式
      htmlElement.classList.remove('dark');
      iconContainer.style.transform = `rotate(${rotate - 180}deg)`;
    } else {
      // 如果为白天模式，则切换为夜间模式
      htmlElement.classList.add('dark');
      iconContainer.style.transform = `rotate(${rotate - 180}deg)`;
    }
  });
};
